<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>签语千寻</title>
    <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name='apple-touch-fullscreen' content='yes'>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <link rel="stylesheet" type="text/css" href="css/qq-ticket-change.css">
    <script>
        var eventsConfig = {
            'preLoadImgs' : [
                'img/movie2-pic-04.png',
                'img/movie4-pic-01.png',
                'img/dabai.png'
            ],
            // 是否循环 
            // cycle 上下都循环
            // down  无限往下，往上只能到第一页
            // false 不循环
            'cycle' : 'false'
        }
    </script>
</head>
<body>
<!--loading加载-->
<div class="mask mask_loading">
    <div class="loading">
        <img class="icon-loading" src="img/loading.png" >
    </div>
</div>

<!-- 请将屏幕竖向浏览：start -->
<div class="orientation_set">
    <div><img src="img/orientation.png" width="50" alt="" class='translate'>
        <br>请将屏幕竖向浏览</div>
</div>
<!-- 请将屏幕竖向浏览：end -->

<div id="slide">
    <!-- landing -->
    <section id="scene_1" class="scene page-slide-movie-1 firstScene">
        <div class="movie5-pic01 show">
            <img src="img/draw-bj-01.png" alt="">
        </div>
        <div class="btn-draw"><img src="img/btn-one.png" alt=""></div>
    </section>
    <section id="scene_2" class="scene page-slide-movie-2">
        <div class="draw2-pic01 show">
            <img src="img/draw2-bj-01.png" alt="">
        </div>
        <div class="draw2-pic02 show">
            <div class="draw2-text">
                灵韱求得第一枝<br />
                龙虎风云际会时<br />
                一旦凌霄扬自乐<br />
                任君来往赴瑶池
            </div>
            <img src="img/draw2-text-01.png" />
        </div>
        <div class="draw2-pic03 show">
            <img src="img/draw2-text-02.png" />
        </div>
        <div class="draw2-btn show">
            <div class="draw2-btn-left">
                <img src="img/btn-red-draw.png" />
            </div>
            <div class="draw2-btn-right">
                <img src="img/btn-gray-draw.png" />
            </div>
        </div>
    </section>
    <!-- scene_3 -->
    <section id="scene_3" class="scene page-slide-movie-3">
        <div class="draw3-pic01 show">
            <img src="img/draw3-bj-01.png" alt="">
        </div>
        <div class="draw3-pic02 show">
            <input type="radio" name="cube-controller" id="show-front" checked="">
            <input type="radio" name="cube-controller" id="show-back">
            <div class="cube-wrap">
                <div class="cube">
                    <div class="cube-face cube-face-front">
                        <div class="draw3-text">
                            求得此签者，凡事平稳，须然吉中微有凶，但到底必好，不用忧疑。
                        </div>
                        <img src="img/draw3-pic-01.png" alt=""/>
                        <label class="for-back" for="show-back"></label>
                    </div>
                    <div class="cube-face cube-face-back">
                        <div class="draw3-text-02">
                            <p>
                                <span>家宅-</span>
                                升职加薪，有新发展，生意洽谈皆顺利
                            </p>
                            <p>
                                <span>事业-</span>
                                升职加薪，有新发展，生意洽谈皆顺利
                            </p>
                            <p>
                                <span>财运-</span>
                                正、横财皆易得
                            </p>
                            <p>
                                <span>谋事-</span>
                                有贵人襄助，事半功倍，将有好收成
                            </p>
                            <p>
                                <span>出行-</span>
                                往来皆合心，往来外国作洽谈或旅游皆如意
                            </p>
                            <p>
                                <span>天时-</span>
                                丰稔又可喜
                            </p>
                            <p>
                                <span>自身-</span>
                                四季俱平安，一切顺利，有病即愈，少是非，人缘和睦
                            </p>
                            <p>
                                <span>风水-</span>
                                发贵兼丁财
                            </p>
                        </div>
                        <img src="img/draw3-pic-02.png" alt=""/>
                        <label class="for-front" for="show-front"></label>
                    </div>
                </div>
            </div>
        </div>
        <div class="draw2-btn show">
            <div class="draw2-btn-left">
                <img src="img/draw3-btn-red.png" />
            </div>
            <div class="draw2-btn-right">
                <img src="img/draw3-btn-gray.png" />
            </div>
        </div>
    </section>
    <!-- scene_4 -->
    <section id="scene_4" class="scene page-slide-movie-4">
        <div class="draw4-pic01 show">
            <div class="draw4-btn-box">
                <div class="draw4-btn">
                    抽取福签
                </div>
                <p>立即分享的福签，即可梦想成真</p>
            </div>
            <img src="img/draw4-bj.png" alt="">
        </div>
    </section>

</div>
<script>
var device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
    var clickEvtName = device ? 'tap' : 'click';
</script>
<script src="js/zepto.min.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/index.js"></script>
</body>
</html>